<header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle collapsed" type="button" data-toggle="collapse"
          data-target=".bs-navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a href="../home/" class="navbar-brand">Bootstrap Show Password</a>
    </div>
    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
      <ul class="nav navbar-nav">
        <li {% if page.slug == "getting-started" %} class="active"{% endif %}>
          <a href="../getting-started/">{% t pages.getting_started.title %}</a>
        </li>
        <li {% if page.slug == "documentation" %} class="active"{% endif %}>
          <a href="../documentation/">{% t pages.documentation.title %}</a>
        </li>
        <li {% if page.slug == "examples" %} class="active"{% endif %}>
          <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
            <span>{% t pages.examples.title %}</span> <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            {% include example-list.md %}
          </ul>
        </li>
        <li {% if page.slug == "donate" %} class="active"{% endif %}>
          <a href="../donate/">{% t pages.donate.title %}</a>
        </li>
        <li>
          <a href="{{ site.repo }}" target="_blank">GitHub</a>
        </li>
      </ul>
      {% if site.languages.size > 1 %}
      <ul class="nav navbar-nav navbar-right">
        <!-- Localization -->
        <li>
          <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
            <span class="language">English</span> <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            {% for language in site.languages %}
            <li data-language="{{ language }}">
              <a href="javascript:void(0)">
                {{ site.languages_string[forloop.index0] }}
              </a>
            </li>
            {% endfor %}
          </ul>
        </li>
      </ul>
      {% endif %}
    </nav>
  </div>
</header>
